import request from './request';

/*
  生产环境
  静态资源服务器： www.diyi.com
  数据服务器：www.duyiservice.com
  这种情况存在跨域，生产环境也是可以配置代理的，这种思路是可以的，但是也有不允许配置代理的情况（比如不方便，后端垃圾），这种时候必须要考虑跨域问题了
  可以使用jsonp 或者 CORS(这个有时间研究一下，用的比较多) 跨域请求
  如果这种情况，就不能配置代理，因为生产环境不支持配置代理，我们需要代码里补全请求路径，不然默认会请求当前服务
*/

export async function getNews() {
  /* 
    开发环境：http://www.test.com，在开发阶段是有很多测试数据的，生产环境数据不能乱动，所以一般开发阶段用的是测试服务器
    生产环境：http://www.duyiservice.com

    使用代理前提是在生产环境不产生跨域（比如入门阶段的案例），如果生产环境也跨域就会出问题
    工作中情况多变，通过这种情况明白到底怎么回事
  */
  // let baseUrl;
  // if (process.env.NODE_ENV === 'development') { // 浏览器环境
  // 他会在打包时，扫描代码，把process.env.NODE_ENV的值替换成'development'或者'production'，对应serve 和 build
  // 这个功能其实是webpack的一个插件的功能，插件叫做definePlugin
  // 在我的记忆中，是在打包时自己定义了process这个对象，记错了？？
  //   baseUrl = 'http://www.test.com';
  // } else {
  //   baseUrl = 'http://www.duyiservice.com';
  // }
  // await fetch(baseUrl + '/api/news');
  console.log(process.env.BASE_URL);
  // console.log('正在请求', process.env.VUE_APP_SERVERBASE);
  // console.log('VUE_APP_ABC', process.env.VUE_APP_ABC);
  // console.log('VUE_APP_BCD', process.env.VUE_APP_BCD);
  return await request('/api/news');
}

// 推而广之，我们的代码既要在开发环境运行，又要在生产环境运行，但是代码有些地方在生产环境和开发环境是有差异的
// 我们怎么处理开发环境和生产环境不一样的情况

// 在node环境可以通过process.env.NODE_ENV来判断，浏览器也可以